<ion-card button="true">
    <ion-item lines="none" detail>
        <ion-label>
            <div class="flex-hor-st-cnt">
                <ion-text color="dark">
                    <h2>{{ 'OrderMessage' | translate }}</h2>
                </ion-text>
                <ion-text style="margin-left: 10px; font-size: 14px" *ngIf="orderAccept === 2">{{'Accepted' | translate}}</ion-text>
                <ion-icon [name]="['mail-unread', 'mail-open'][readLabel]" [color]="['secondary', 'success'][readLabel]" slot="end" class="ion-margin-start"></ion-icon>
            </div>

            <div class="item-margin-top">
                <ion-text color="care">
                    <h2 style="margin-top: 10px; margin-bottom: 10px">{{'UserOne' | translate }}{{nameLabel}}{{'Appoint' | translate}}</h2>
                    <h3>{{messageLabel}}{{'Aword' | translate}}</h3>
                </ion-text>
            </div>

            <!-- <div class="flex-hor-st-cnt item-margin-top">
                <ion-icon name="calendar" color="medium" slot="start"></ion-icon>
                <ion-text color="medium" class="ion-margin-start">
                    <h4>{{dateLabel}}</h4>
                </ion-text>
            </div> -->
        </ion-label>
    </ion-item>
</ion-card>
